<template>
  <div>
    <div class="breadcrumb-area pt-95 pb-95 bg-img" style="background-image:url(static/picture/banner-2.jpg);">
      <div class="container">
        <div class="breadcrumb-content text-center">
          <h2>Contact Us</h2>
          <ul>
            <li><a href="index.html">home</a></li>
            <li class="active">Contact Us</li>
          </ul>
        </div>
      </div>
    </div>
    <div class="contact-area pt-100 pb-100">
      <div class="container">
        <div class="row">
          <div class="col-lg-4 col-md-6 col-12">
            <div class="contact-info-wrapper text-center mb-30">
              <div class="contact-info-icon"><i class="ti-location-pin"></i></div>
              <div class="contact-info-content">
                <h4>Our Location</h4>
                <p>012 345 678 / 123 456 789</p>
                <p><a href="#">info@example.com</a></p>
              </div>
            </div>
          </div>
          <div class="col-lg-4 col-md-6 col-12">
            <div class="contact-info-wrapper text-center mb-30">
              <div class="contact-info-icon"><i class="ti-mobile"></i></div>
              <div class="contact-info-content">
                <h4>Contact us Anytime</h4>
                <p>Mobile: 012 345 678</p>
                <p>Fax: 123 456 789</p>
              </div>
            </div>
          </div>
          <div class="col-lg-4 col-md-6 col-12">
            <div class="contact-info-wrapper text-center mb-30">
              <div class="contact-info-icon"><i class="ti-email"></i></div>
              <div class="contact-info-content">
                <h4>Write Some Words</h4>
                <p><a href="#">Support24/7@example.com </a></p>
                <p><a href="#">info@example.com</a></p>
              </div>
            </div>
          </div>
        </div>
        <div class="row">
          <div class="col-12">
            <div class="contact-message-wrapper">
              <h4 class="contact-title">GET IN TOUCH</h4>
              <div class="contact-message">
                <form id="contact-form" action="assets/mail.php" method="post">
                  <div class="row">
                    <div class="col-lg-6">
                      <div class="contact-form-style mb-20"><input name="name" placeholder="Full Name"
                                                                   type="text"></div>
                    </div>
                    <div class="col-lg-6">
                      <div class="contact-form-style mb-20"><input name="email"
                                                                   placeholder="Email Address" type="email"></div>
                    </div>
                    <div class="col-lg-12">
                      <div class="contact-form-style mb-20"><input name="subject"
                                                                   placeholder="Subject" type="text"></div>
                    </div>
                    <div class="col-lg-12">
                      <div class="contact-form-style"><textarea name="message"
                                                                placeholder="Message"></textarea><button class="submit btn-style"
                                                                                                         type="submit">SEND MESSAGE</button></div>
                    </div>
                  </div>
                </form>
                <p class="form-messege"></p>
              </div>
            </div>
          </div>
        </div>
        <div class="contact-map">
          <div id="map"></div>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  name: "contact"
}
</script>

<style scoped>
@import "../../../static/css/bootstrap.min.css";
@import "../../../static/css/animate.css";
@import "../../../static/css/simple-line-icons.css";
@import "../../../static/css/themify-icons.css";
@import "../../../static/css/owl.carousel.min.css";
@import "../../../static/css/slick.css";
@import "../../../static/css/meanmenu.min.css";
@import "../../../static/css/style2.css";
@import "../../../static/css/responsive.css";
</style>
